#myDown {
	@include flexbox();
	@include flex-direction(column);
	height: 100%;
	background: rgba(246,246,246,1);
	header {
        @include flexbox();
		height: 45px;
        line-height: 45px;
        color: #fff;
        background: linear-gradient(to right, #2fd4ac,  #2fd492);
		i {
			width: 30px;
			background: url(image/icon_return.png) no-repeat center;
			background-size: 100%;
		}
		div {
			@include flex();
			text-align: center;
			font-size: 18px;
			margin-right: 30px;
		}
	}
	.border-8 {
		width: 100%;
		height: 8px;
		background: #F6F6F6;
	}
	ul.list {
		@include flex();
		width: 100%;
		overflow-y: scroll;
		background: #fff;
		li {
			padding: 20px 0;
			margin: 0 10px;
			border-bottom: 1px solid rgb(229,229,229);
			&:last-child {border: none;}
			&>a {
				@include flexbox();
				&>div {
					@include flex();
					margin-left: 10px;
					&>div {
						@include flexbox();
						@include justify-content(space-between);
						@include align-content(center);
						h3 {
							font-size: 16px;
							width: 100%;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}	
					}
					p {
						margin-top: 6px;
						font-size: 13px;
						color: rgb(75,75,75);
					}
					span {
						display: block;
						font-size: 13px;
						color: rgb(75,75,75);
						width: 100%;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						margin-top: 4px;
					}
				}
			}
			
		}
	}
}